

header{
    width: 100%;
    height: 120px;
}
.head-first{
    width: 100%;
    height: 40px;
    background: black;
    a{
        color: #ccc;
    font-size: 14px;
    }
    position: relative;
    cursor:pointer;
}
header .head-first ul{
    height: 14px;
    left: 140px;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
  
}
header .head-first ul li{
    float: left;
    padding-right: 10px;
    border-right: 1px rgb(68, 68, 68 ) solid;
    line-height: 14px;
    margin-left: 10px;
}
ul li:last-child{
    border: none;
}
header .head-first ol{
    height: 14px;
   left: 900px;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
   
}
header .head-first ol li{
    float: left;
    padding-right: 10px;
    border-right:1px rgb(68, 68, 68 ) solid;
    line-height: 14px;
    margin-left: 10px;
}
header .head-first ol li:nth-child(1){
    border: none;

}
header .head-first li:nth-child(2){
    border: none;
}
header .head-first ol li:nth-child(5){
    border: none;
}
header .head-first ol li:nth-child(6){
    border: none;
}

//下拉菜单
.head-second{
    width:100%;
    height: 80px;

    position: relative;
    a{
    color: black;
    
    }
    position: relative;
    cursor:pointer;
}
.head-second div:nth-child(1){ 
    height: 40px;
    width: 180px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 150px;
}
img{
    display: block;
    
}
.head-second div:nth-child(2){ 
    height: 80px;
    float: left;
    left: 400px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    line-height:80px ;
}
.head-second div:nth-child(2) p{
    float: left;
    margin-left: 40px;
}
// header的下拉的菜单
.head-second .header-down-pull{
    width: 100%;
    height: 300px;
    position: absolute;
    background: #dadee1;
    top: 80px;
    z-index: 7;
    display: none;
    border-top: solid #ccc 1px;
    a{
        display: block;
        width: 179px;
        height: 300px;
        background: white;
        float: left;
        margin-left: 35px;
        img{
            width: 100%;
        }
        span{
            display: block;
            width: 180px;
            text-align: center;
            margin-top: 8px;
        }
        span:nth-of-type(2){
            color: red;
        }
    }
}
.head-second .header-down-pull-second{
    width: 100%;
    height: 300px;
    position: absolute;
    background: #dadee1;
    top: 80px;
    z-index: 7;
    display: none;
    border-top: solid #ccc 1px;
    a{
        display: block;
        width: 179px;
        height: 300px;
        background: white;
        float: left;
        margin-left: 35px;
        img{
            width: 100%;
        }
        span{
            display: block;
            width: 180px;
            text-align: center;
            margin-top: 8px;
        }
        span:nth-of-type(2){
            color: red;
        }
    }
    
}
.head-second .header-down-pull-third{
    width: 100%;
    height: 300px;
    position: absolute;
    background: #dadee1;
    top: 80px;
    z-index: 7;
    display: none;
    border-top: solid #ccc 1px;
    a{
        display: block;
        width: 180px;
        height: 300px;
        background: white;
        float: left;
        margin-left: 35px;
        img{
            width: 100%;
        }
        span{
            display: block;
            width: 180px;
            text-align: center;
            margin-top: 8px;
        }
        span:nth-of-type(2){
            color: red;
        }
    }
    
}